<style src="./add-invester-buy-type.css" scoped></style>
<template>
  <div class="model-wrap">
    <button class="btn btn-sm btn-primary"
      @click="showAddInvesterList">新增套餐</button>
      <modal
        :title="'增加投顾组合'"
        ok-text="提交"
        cancel-text="取消"
        effect="fade"
        :small="true"
        :width="640"
        :show.sync="showAddInvesterModal"
        :callback="addInvesterInfo">
        <div slot="modal-body" class="modal-body">
          <table class="table table-bordered table-hover">
            <caption>港股套餐列表</caption>
            <thead>
              <tr>
                <th class="col-xs-1">id</th>
                <th class="col-xs-2">套餐名称</th>
                <th class="col-xs-1">天数</th>
                <th class="col-xs-2">原始价格</th>
                <th class="col-xs-2">折后价格</th>
                <th class="col-xs-2">货币类型</th>
                <th class="col-xs-2"></th>
              </tr>
            </thead>
            <tbody>
              <tr v-for="buytype in buytypeList">
                <td class="col-sm-1">{{buytype.id}}</td>
                <td class="col-sm-2">{{buytype.title}}</td>
                <td class="col-sm-1">{{buytype.days}}</td>
                <td class="col-sm-2">{{buytype.price}}</td>
                <td class="col-sm-2">{{buytype.actualPrice}}</td>
                <td class="col-sm-2">{{buytype.amountType | getAmountType}}</td>
                <td class="col-sm-2">
                  <button class="btn btn-sm btn-primary">未选中</button>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </modal>
  </div>
</template>
<script src="./add-invester-buy-type.js"></script>
